<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{%block title%}Title{%endblock%}</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="/static/jquery.toastmessage.js"></script>
<script type="text/javascript" src="/static/dao.js"></script>
<script type="text/javascript" src="/_ah/channel/jsapi"></script>
<link href="/static/styles.css" rel="stylesheet" type="text/css" />
<link href="/static/css/jquery.toastmessage.css" rel="stylesheet" type="text/css" />

{%block header%}{%endblock%}
</head>
<!-- Don't do this ... -->
<body onload='{%block onload%}{%endblock%}'>


<div id="main">

<!-- content begins -->
<div id="content">
  {%block body%}{%endblock%}

	<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->
  <div style="clear: both"></div>
</div>
<div style="clear: both; height: 1px;"></div>
</div>
<div class="cont_bot"></div>
    <!-- content ends -->
    <!-- bottom begin -->
<div style="height:20px"></div>

  <div style="clear: both;"></div>
</div>

<!-- bottom end -->
<!-- footer begins -->
<div id="footer">
<!-- footer ends -->
</div>




</body>
</html>
